article{
    width: 1020px;
    height: auto;
    overflow: auto;
    background: #f3f3f3;
    padding: 20px;
    margin: 0 auto;
        &.hot section{
            background: #ffffff;
            height: 300px;
            width: 500px;
            box-shadow: 0 0 5px #777777;
            &:first-of-type{
                float: left;
            }
            &:last-of-type{
                float: right;
            }
        }
        &.swiper section{
            height: 200px;
            background: #ffffff;
            box-shadow: 0 0 5px #777777;
            &:first-of-type{
                width: 200px;
                float: left;
            }
            &:last-of-type{
                width: 800px;
                float: right;
            }
        }
}